import * as React from "react";
import Link from "next/link";
import FallingText from "@/components/Animation/FallingText";
import { Button } from "@/components/ui/button";

export default function Page() {
  return (
    <div className="h-screen relative">
      <FallingText
        className="pt-[30vh]"
        text="4 0 4 Not Found"
        highlightWords={["4", "0"]}
        trigger="click"
        backgroundColor="transparent"
        wireframes={false}
        gravity={0.1}
        fontSize="4rem"
        mouseConstraintStiffness={0.1}
      />
      <div className="fixed bottom-1/3 left-1/2 transform -translate-x-1/2 z-99">
        <Button variant="outline">
          <Link href="/">返回首页</Link>
        </Button>
      </div>
      <div className="h-screen w-screen fixed top-0 left-0 z-[-1] fixed-bg"></div>
    </div>
  );
}
